<script setup lang="ts">
import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from '@/registry/new-york-v4/ui/accordion'
</script>

<template>
  <div class="grid w-full max-w-xl gap-4">
    <Accordion type="single" collapsible class="w-full">
      <AccordionItem value="item-1">
        <AccordionTrigger>Is it accessible?</AccordionTrigger>
        <AccordionContent>
          Yes. It adheres to the WAI-ARIA design pattern.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="item-2">
        <AccordionTrigger>Is it styled?</AccordionTrigger>
        <AccordionContent>
          Yes. It comes with default styles that matches the other
          components' aesthetic.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="item-3">
        <AccordionTrigger>Is it animated?</AccordionTrigger>
        <AccordionContent>
          Yes. It's animated by default, but you can disable it if you
          prefer.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
    <Accordion type="single" collapsible class="w-full">
      <AccordionItem value="item-1">
        <AccordionTrigger>
          What are the key considerations when implementing a comprehensive
          enterprise-level authentication system?
        </AccordionTrigger>
        <AccordionContent>
          Implementing a robust enterprise authentication system requires
          careful consideration of multiple factors. This includes secure
          password hashing and storage, multi-factor authentication (MFA)
          implementation, session management, OAuth2 and SSO integration,
          regular security audits, rate limiting to prevent brute force
          attacks, and maintaining detailed audit logs. Additionally,
          you'll need to consider scalability, performance impact, and
          compliance with relevant data protection regulations such as GDPR or
          HIPAA.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="item-2">
        <AccordionTrigger>
          How does modern distributed system architecture handle eventual
          consistency and data synchronization across multiple regions?
        </AccordionTrigger>
        <AccordionContent>
          Modern distributed systems employ various strategies to maintain
          data consistency across regions. This often involves using
          techniques like CRDT (Conflict-Free Replicated Data Types), vector
          clocks, and gossip protocols. Systems might implement event sourcing
          patterns, utilize message queues for asynchronous updates, and
          employ sophisticated conflict resolution strategies. Popular
          solutions like Amazon's DynamoDB and Google's Spanner
          demonstrate different approaches to solving these challenges,
          balancing between consistency, availability, and partition tolerance
          as described in the CAP theorem.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  </div>
</template>
